@charset "UTF-8";

/* CSS Document */



/* SMALL BUTTONS */

.button-small {

	color: #ffffff !important;

	font: bold 12px/18px Arial, Helvetica, sans-serif;

	display: inline-block;

	height: 17px;

	margin: 0 1em 1em 15px;

	padding: 5px;

	position: relative;

	text-decoration: none !important;

}

.button-small1 {

	color: #ffffff !important;

	font: bold 12px/18px Arial, Helvetica, sans-serif;

	display: inline-block;

	height: 28px;

	margin: 0 1em 1em 15px;

	padding: 5px;

	position: relative;

	text-decoration: none !important;

}

.gdrop {

    background-color: #F2F2F2;

    font-size: 16px;

    font-weight: bold;

    height: auto;

    margin: 0 auto;

}

.button-small span {

	height: 27px;

	left: -15px;

	position: absolute;

	top: 0;

	width: 15px;

}

.button-small:hover {

	text-decoration: none;

}

/* COLORS */





.rounded-orange {

	background: url(../images/rounded-buttons-right.png) no-repeat right -54px;

	text-shadow: 0 1px 1px #9b5510;

}

.rounded-orange:hover {

	background: url(../images/rounded-buttons-right.png) no-repeat right -81px;

}

.rounded-orange span {

	background: url(../images/rounded-buttons-left.png) no-repeat left -54px;

}

.rounded-orange:hover span {

	background: url(../images/rounded-buttons-left.png) no-repeat left -81px;

}

.square-orange {

	background: url(../images/square-buttons-right.png) no-repeat right -54px;

	text-shadow: 0 1px 1px #9b5510;

}

.square-orange:hover {

	background: url(../images/square-buttons-right.png) no-repeat right -81px ;

}

.square-orange span {

	background: url(../images/square-buttons-left.png) no-repeat left -54px;

}

.square-orange:hover span {

	background: url(../images/square-buttons-left.png) no-repeat left -81px;

}

/* ICON BUTTONS */





.button-icon {

	/*	text-shadow: 0 1px 1px #432600 !important; */

	text-shadow: none;

	color: #FFF !important;

	display: inline-block;

	height: 17px;

	margin: 0 1em 1em 13px;

	padding: 5px 20px 5px 0;

	position: relative;

	text-decoration: none !important;

	background-image: url(../images/rounded-buttons-right.png);

	background-repeat: no-repeat;

	background-position: right -54px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	line-height: 18px;

	font-weight: bold;

	font-variant: normal;

}

.button-icon span {

	height: 27px;

	left: -13px;

	position: absolute;

	top: 0;

	width: 13px;

	background-image: url(../images/rounded-buttons-left.png);

	background-repeat: no-repeat;

	background-position: left -54px;

}

.button-icon em {

	width: 16px;

	height: 16px;

	float: left;

	margin-right: 5px;

}

.button-icon:hover {

	background: url(../images/rounded-buttons-right.png) no-repeat right -81px;

}

.button-icon:hover span {

	background: url(../images/rounded-buttons-left.png) no-repeat left -81px;

}

.button-icon:hover {

	text-decoration: none;

}

.icon-accept em {

	background: url(../images/icons/accept.png) no-repeat top left;

}

.icon-add em {

	background: url(../images/icons/add.png) no-repeat top left;

}

.icon-anchor em {

	background: url(../images/icons/anchor.png) no-repeat top left;

}

.icon-cancel em {

	background: url(../images/icons/cancel.png) no-repeat top left;

}

.icon-clock em {

	background: url(../images/icons/clock.png) no-repeat top left;

}

.icon-coins em {

	background: url(../images/icons/coins.png) no-repeat top left;

}

.icon-delete em {

	background: url(../images/icons/delete.png) no-repeat top left;

}

.icon-heart em {

	background: url(../images/icons/heart.png) no-repeat top left;

}

.icon-hourglass em {

	background: url(../images/icons/hourglass.png) no-repeat top left;

}

.icon-house em {

	background: url(../images/icons/house.png) no-repeat top left;

}

.icon-information em {

	background: url(../images/icons/information.png) no-repeat top left;

}

.icon-lightbulb em {

	background: url(../images/icons/lightbulb.png) no-repeat top left;

}

.icon-lightning em {

	background: url(../images/icons/lightning.png) no-repeat top left;

}

.icon-lock em {

	background: url(../images/icons/lock.png) no-repeat top left;

}

.icon-palette em {

	background: url(../images/icons/palette.png) no-repeat top left;

}

.icon-refresh em {

	background: url(../images/icons/refresh.png) no-repeat top left;

}

.icon-switch em {

	background: url(../images/icons/switch.png) no-repeat top left;

}

.icon-asterisk em {

	background: url(../images/icons/asterisk.png) no-repeat top left;

}

.icon-bell em {

	background: url(../images/icons/bell.png) no-repeat top left;

}

.icon-bomb em {

	background: url(../images/icons/bomb.png) no-repeat top left;

}

.icon-bricks em {

	background: url(../images/icons/bricks.png) no-repeat top left;

}

.icon-briefcase em {

	background: url(../images/icons/briefcase.png) no-repeat top left;

}

.icon-cake em {

	background: url(../images/icons/cake.png) no-repeat top left;

}

.icon-color em {

	background: url(../images/icons/color.png) no-repeat top left;

}

.icon-disconnect em {

	background: url(../images/icons/disconnect.png) no-repeat top left;

}

.icon-door em {

	background: url(../images/icons/door.png) no-repeat top left;

}

.icon-emoticon em {

	background: url(../images/icons/emoticon.png) no-repeat top left;

}

.icon-feed em {

	background: url(../images/icons/feed.png) no-repeat top left;

}

/* DDNotification */

.ddnotification {

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	color: #ffffff;

	display: block;

	font: normal 12px/18px Arial, Helvetica, sans-serif;

	margin: 1em 0;

	padding: 30px 30px 30px 90px;

	position: relative;

}

.ddnotification span.icon {

	height: 37px;

	left: 30px;

	position: absolute;

	top: 30px;

	width: 36px;

}

.ddnotification span.close {

	background: url(../images/notifications/close.png) no-repeat top left;

	cursor: pointer;

	height: 13px;

	position: absolute;

	right: 10px;

	top: 10px;

	width: 13px;

}

.notification-error {

	background: #c02424 url(../images/notifications/error.gif) repeat-x top left;

	border: 1px solid #a01515;

	text-shadow: 0 1px 1px #6f1111;

}

.notification-error span.icon {

	background: url(../images/notifications/error-icon.png) no-repeat top left;

}

.notification-success {

	background: #6ba623 url(../images/notifications/success.gif) repeat-x top left;

	border: 1px solid #6e8a19;

	text-shadow: 0 1px 1px #2d4103;

}

.notification-success span.icon {

	background: url(../images/notifications/success-icon.png) no-repeat top left;

}

.notification-info {

	background: #1d86af url(../images/notifications/info.gif) repeat-x top left;

	border: 1px solid #317d9b;

	text-shadow: 0 1px 1px #064353;

}

.notification-info span.icon {

	background: url(../images/notifications/info-icon.png) no-repeat top left;

}

.notification-alert {

	background: #e77414 url(../images/notifications/alert.gif) repeat-x top left;

	border: 1px solid #be7125;

	text-shadow: 0 1px 1px #6e3d05;

}

.notification-alert span.icon {

	background: url(../images/notifications/alert-icon.png) no-repeat top left;

}

.notification-standard {

	background: #d7d7d7 url(../images/notifications/standard.gif) repeat-x top left;

	border: 1px solid #bababa;

	text-shadow: 0 1px 1px #ffffff;

	color: #464646 !important;

}

.notification-standard span.icon {

	background: url(../images/notifications/standard-icon.png) no-repeat top left;

}

.notification-standard span.close {

	background: url(../images/notifications/close.png) no-repeat bottom left;

}

/* LISTS */



.ddlist {

	list-style: none;

	padding: 0;

}

.list-BW, .list-arrow, .list-hot, .list-tick, .list-star, .list-clip, .list-black, .list-blue, .list-red, .list-green, .list-yellow, .list-purple, .list-orange, .list-pink, .list-lock {

	list-style: none;

	padding: 0;

}

.list-arrow li {

	background:url(../images/icons/bullet_arrow.png) no-repeat left 7px;

	padding: 2px 0 2px 15px;

}

.list-tick li {

	background:url(../images/icons/bullet-tick.png) no-repeat left 5px;

	padding: 2px 0 2px 20px;

}

.list-yellow li {

	background:url(../images/icons/bullet_yellow.png) no-repeat left 8px;

	padding: 2px 0 2px 15px;

}

.list-orange li {

	background:url(../images/icons/bullet_orange.png) no-repeat left 8px;

	padding: 2px 0 2px 15px;

}

.list-pink li {

	background:url(../images/icons/bullet_pink.png) no-repeat left 8px;

	padding: 2px 0 2px 15px;

}

.list-lock li {

	padding-top: 4px;

	padding-right: 0;

	padding-bottom: 4px;

	padding-left: 20px;

	background-image: url(../images/icons/lock16.png);

	background-repeat: no-repeat;

	background-position: left 8px;

}

.list-arrow2 li {

	padding: 2px 0 2px 20px;

	background-image: url(../images/icons/arrow_black.png);

	background-repeat: no-repeat;

	background-position: left 8px;

}

/* PREFORMATTED STYLE - FOR SHOWING HTML CODE  */

pre, xmp {

	position: relative;

	z-index: 50;

	background: white url(../images/pre_bg.gif) top left repeat;

	border: 1px solid #999;

	color: black;

	display: block;

	font-family: "Courier New", Courier, monospace;

	font-size: 13px;

	line-height: 18px;

	margin: 10px 0 20px;

	overflow: auto;

	padding: 18px 10px 17px;

	overflow-x: scroll;

}

/* WRAPPER - COVERING WITH ROUNDED BORDERS - we use Table(3X3) for WRAPPERS  */

table.wrapper1 {

	width: 100%;

}

table.wrapper1 td.td11, table.wrapper1 td.td12, table.wrapper1 td.td13, table.wrapper1 td.td31, table.wrapper1 td.td32, table.wrapper1 td.td33 {

	background-image: url(../images/UI_elements/wrapper1_h.png);

}

table.wrapper1 td.td21, table.wrapper1 td.td23 {

	background-image: url(../images/UI_elements/wrapper1_v.png);

}

table.wrapper1 td.td11 {

	height: 12px;

	width: 12px;

	background-repeat: no-repeat;

	background-position: 0px 0px;

	line-height: 1px;

	font-size: 1px;

}

table.wrapper1 td.td12 {

	height: 12px;

	background-repeat: repeat-x;

	background-position: 0px -18px;

}

table.wrapper1 td.td13 {

	height: 12px;

	background-repeat: no-repeat;

	background-position: 0px -36px;

	width: 12px;

}

table.wrapper1 td.td21 {

	height: 12px;

	background-repeat: repeat-y;

	background-position: 0px 0px;

	width: 12px;

}

table.wrapper1 td.td23 {

	height: 12px;

	background-repeat: repeat-y;

	background-position: -20px 0px;

	width: 12px;

}

table.wrapper1 td.td31 {

	height: 12px;

	background-repeat: no-repeat;

	background-position: 0px -73px;

	width: 12px;

}

table.wrapper1 td.td32 {

	height: 12px;

	background-repeat: repeat-x;

	background-position: 0px -55px;

}

table.wrapper1 td.td33 {

	height: 12px;

	background-repeat: repeat-x;

	background-position: 0px -88px;

	width: 12px;

}

/* WRAPPER - COVERING WITH ROUNDED BORDERS - we use Table(3X3) for WRAPPERS  */

table.wrapper2 {

	width: 100%;

}

table.wrapper2 td.td11, table.wrapper2 td.td13, table.wrapper2 td.td31, table.wrapper2 td.td33 {

	background-image: url(../images/UI_elements/wrapper2.png);

	background-repeat: no-repeat;

}

table.wrapper2 td.td12, table.wrapper2 td.td22, table.wrapper2 td.td32, table.wrapper2 td.td21, table.wrapper2 td.td23 {

	background-color:#fff9f1;

}

table.wrapper2 td.td11 {

	height: 6px;

	width: 6px;

	background-position: 0px 0px;

	line-height: 1px;

	font-size: 1px;

}

table.wrapper2 td.td12 {

	height: 6px;

}

table.wrapper2 td.td13 {

	height: 6px;

	background-position: 0px -15px;

	width: 6px;

}

table.wrapper2 td.td21 {

	height: 6px;

	width: 6px;

}

table.wrapper2 td.td23 {

	height: 6px;

	width: 6px;

}

table.wrapper2 td.td31 {

	height: 6px;

	background-position: 0px -45px;

	width: 6px;

}

table.wrapper2 td.td32 {

	height: 6px;

}

table.wrapper2 td.td33 {

	height: 6px;

	background-position: 0px -30px;

	width: 6px;

}

input.rounded-textbox1 {

	color: #833a43;

	font-size: 11px;

	background-image: url(../images/UI_elements/rounded_textbox_1.png);

	background-repeat: no-repeat;

	background-position: left top;

	height: 25px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-color: transparent;

	padding-right: 5px;

	padding-left: 5px;

	line-height: 25px;

	padding-top: 0px;

	padding-bottom: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

label.rounded-textbox1 {

	background-image: url(../images/UI_elements/rounded_textbox_1.png);

	background-repeat: no-repeat;

	background-position: 100% -35px;

	height: 25px;

	float: left;

	display: block;

	overflow: hidden;

	width: auto;

	padding-right: 6px;

}

